/* 
    2023.3.1 J
    该文件定义的scss变量名按模块与级别定义
    参考设计稿地址https://www.figma.com/file/l2ueVL64nb0PG7pOfBQpZ3/%E5%AD%A6%E7%94%9F%E6%89%8B%E7%8E%AF?node-id=7133%3A85056&t=Oosd9VK5qsqS1Nk1-0
*/

/* 本次修改颜色使用，各模块替换完后会删除 */
// @import '@/styles/variables.scss';
// rgba(255, 255, 255, .6);    $fill-306
// #242629                     $text-1 // 文字颜色
// #757980                     $text-2
// #F54545                     $extra-red
// #E8E9EB                     $line-3 // 边框颜色


/* 文字 */
// .font14 {
//     font-size: 14px;
// }

/*
    各功能模块颜色定义
    如果有需要在此颜色基础上增加透明度变化的，在对应颜色下增加sass变量即可
    如佩戴模块有需要透明度为0.8的该颜色，定义为$extra-lime08
*/
$extra-lime: #68B200; // 佩戴
// $extra-lime08: rgba(104, 178, 0, .8); // 佩戴0.8
$extra-azure: #00a1f2; // 体温
$extra-pink: #ff7092; // 心率
$extra-orange: #FF791A; // 步数
$extra-orange006: rgba(255, 121, 26, 0.06);
$extra-green006: rgba(0, 191, 143, 0.06);
$extra-green: #00BF8F; // 考勤
$extra-gold: #FFAA00; // 报告
$extra-gold08: rgba(255, 170, 0, .8);
$extra-gold06: rgba(255, 170, 0, .6);
$extra-gold04: rgba(255, 170, 0, .4);
$extra-gold01: rgba(255, 170, 0, .1);
$extra-purple: #7961F2; // 睡眠
$extra-lime006:rgba(104, 178, 0, 0.06); // 佩戴
$extra-pink01:rgba(255, 112, 146, 0.1);  // 心率
$extra-azure006:rgba(0, 161, 242, 0.06);  //体温
$extra-azure04:rgba(0, 161, 242, 0.4);
$extra-pink04:rgba(255, 112, 146, 0.4);
/* 
    主题色
    适用于按钮、链接、文字
*/
$brand-disable: #98C4FF; // 禁用
$brand-hover: #478BFF; // 悬停
$brand-default: #1F6AFF; // 默认
$brand-active: #134DD2; // 点击
$brand-default006:rgba(31, 106, 255, 0.06);

/* 辅助色 */
$extra-yellow: #FFD600; // 辅助色-黄色
$extra-red: #F24A4A; // 辅助色-红色

/*
    中性色 
    适用于文字、图标、底色、描边
*/
$text-1: #111111; // 文字-1级
$text-2: #222222; // 文字-2级
$text-3: #333333; // 文字-3级
$text-4: #666666; // 文字-4级
$text-5: #888888; // 文字-5级

$line-1: #E1E2E5; // 线条-1级
$line-2: #E6E7EB; // 线条-2级
$line-3: #EBEDF0; // 线条-3级

$fill-1: #F0F2F5; // 填充-1级
$fill-2: #F7F8FA; // 填充-2级
$fill-3: #FFFFFF; // 填充-3级
$fill-306:rgba(255, 255, 255, .6);
$fill-304:rgba(255, 255, 255, 0.4);

/* 遮罩色 */
$mask-1:rgba(0, 0, 0, 0.8);
$mask-2:rgba(0, 0, 0, 0.6);

/* 
    渐变色
    适用于标签、大标题
*/
$gradient-red: linear-gradient(333.43deg, #FF6D48 0%, #FF2136 83.33%); // 渐变-红色
$gradient-orange: linear-gradient(333.43deg, #FF9852 0%, #FF791E 83.33%); // 渐变-橙红色
$gradient-gold: linear-gradient(333.43deg, #FFB300 0%, #FF9500 83.33%); // 渐变-橙黄色
$gradient-green: linear-gradient(333.43deg, #44D7B6 0%, #37C1A2 83.33%); // 渐变-绿色
$gradient-blue: linear-gradient(333.44deg, #0080FF 0%, #0055FF 83.34%); // 渐变-蓝色
$gradient-purple: linear-gradient(333.43deg, #8B40FF 0%, #5711E6 83.33%); // 渐变-紫色


/*
    交互色
    适用于按钮、菜单项、列表项
*/
$interact-gray-default: #FFFFFF; // 交互-灰色-点击
$interact-gray-hover: rgba(12, 13, 15, 0.04); // 交互-灰色-悬停
$interact-gray-active: rgba(12, 13, 15, 0.12); // 交互-灰色-点击
$interact-blue-default: rgba(31, 106, 255, 0.08); // 交互-蓝色-默认
$interact-blue-hover: rgba(31, 106, 255, 0.16); // 交互-蓝色-悬停
$interact-blue-active: rgba(31, 106, 255, 0.24); // 交互-蓝色-点击

$interact-blue-hover00: rgba(31, 106, 255, 0); 